<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>
<body>
    <!-- <div id="app">
        {{message}}
    </div> -->
    <div id="app"></div>
</body>
<script>
    // 模型层
    var obj = {
        message:"hello,world  1"
    }
    // 视图层 替换id=app区域
    var template = `
        <div class='Find'>{{message}}</div>
    `;

    // 视图模型层
    var app = new Vue({
        el:"#app",
        data:obj,
        template:template
    });
    // var obj = {
    //     message:"hello,world"
    // }
    // var app = new Vue({
    //     el:"#app",
    //     data:obj
    // });
    // var app = new Vue({
    //     el:"#app",
    //     data:{
    //         message:"hello,world!"
    //     }
    // });
</script>
</html>